<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TinyButStrong</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="tbs_us_examples_0styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<p align="center" class="title-page">Example of plug-in By-Page</p>
<table width="500" border="0" align="center" cellpadding="2" cellspacing="0">
  <tr>
    <td><p>The plug-in By-Page  enables you to display only a part of the data.<br>
        There is also a plug-in Navigation Bar.<br>
        <br>
        <span class="text-section2">In this example, there are [var.RecCnt] records displayed per page of [var.PageSize].</span><span class="text-section2"><br>
        </span> </p></td>
  </tr>
</table>
<br>
<table border="1" align="center" cellpadding="2" cellspacing="0">
  <tr bgcolor="#CACACA">
    <td width="40" bgcolor="#CACACA"><strong>N#</strong></td>
    <td width="100"><strong>Product</strong></td>
    <td width="100"><strong>Price</strong></td>
  </tr>
  <tr bgcolor="#F0F0F0">
    <td><div align="center">&nbsp;[blk.#]<br>
      </div></td>
    <td> [blk.product;block=tr]&nbsp;&nbsp;<br>
    </td>
    <td><div align="right">[blk.price;frm='0.00']</div></td>
  </tr>
</table>
<div align="center"><br>
  Number of products: [var.RecCnt]<br>
  <br>
</div>
<table border="1" align="center" cellpadding="2" cellspacing="0">
  <tr align="center">
    <td width="16"><a href="[var..script_name]?PageNum=[nv.first;endpoint;magnet=a;mtype=m+m]">|&lt;</a></td>
    <td width="16"><a href="[var..script_name]?PageNum=[nv.prev;endpoint;magnet=a;mtype=m+m]">&lt;</a></td>
    <td width="16"><a href="[var..script_name]?PageNum=[nv.page;block=td;navsize=3;navpos=centred]">[nv.page]</a></td>
    <td width="16" bgcolor="#C4E1E1"><strong>[nv.page;block=td;currpage]</strong></td>
    <td width="16"><a href="[var..script_name]?PageNum=[nv.next;endpoint;magnet=a;mtype=m+m]">&gt;</a></td>
    <td width="16"><a href="[var..script_name]?PageNum=[nv.last;endpoint;magnet=a;mtype=m+m]">&gt;|</a></td>
  </tr>
</table>
</body>
</html>
